<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>A级景点预约系统</title>
    <meta charset="UTF-8">
    <title>景点预约系统</title>
    <link rel="stylesheet" href="/static/css/animate.css">
    <!-- magnific popup -->
    <link rel="stylesheet" href="/static/css/magnific-popup.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <!-- Boxicons CSS -->
    <link rel="stylesheet" href="/static/css/boxicons.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="/static/css/flaticon.css">
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" href="/static/css/owl.carousel.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/css/responsive.css">
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1/css/bootstrap.min.css">
{% block css %}{% endblock %}
</head>
<body>
<!-- Start Preloader Area -->
    <div class="preloader">
        <div class="preloader-wrap">
            <div class="preloader-logo">
                <img src="/static/picture/logo.png" alt="" class="img-fluid">
            </div>
           <div class="plane-path">
               <img src="/static/picture/Plane.png" alt="" class="animi-plane">
           </div>
        </div>
    </div>
    <!-- End Preloader Area -->

     <!-- =============== Topbar area start =============== -->
     <div class="topbar-area">
         <div class="container">
             <div class="row">
                 <div class="col-lg-5 col-md-5 tob-contact-row">
                     <div class="topbar-contact">
                         <ul>
                             <li><i class='bx bxs-phone'></i><a href="tel:+17632275032">13107672019</a></li>
                             <li><i class='bx bxs-envelope'></i><a href="javascript:;"><span class="__cf_email__" data-cfemail="2f464149406f4a574e425f434a014c4042">[email&#160;protected]</span></a></li>
                         </ul>
                     </div>
                 </div>
                 <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6 col-6">
                     <div class="topbar-social">
                     </div>
                 </div>

                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 col-6">
                       <div class="custom-select languege-select" >
                           <select>
                              <option value="0">hi{{ request.session.info.username }}</option>
                            </select>
                        </div>
                 </div>
             </div>

         </div>
     </div>
     <!-- =============== Topbar area end =============== -->

    <!-- ===============  header area start =============== -->
    <header>
        <div class="header-area">
            <div class="container">
                <div class="row">

                    <div class="col-lg-2 col-md-12 col-sm-12 col-xs-12">
                       <div class="navbar-wrap">
                        <div class="logo d-flex justify-content-between">
                            <a href="" class="navbar-brand"> <img src="/static/picture/logo.png" alt=""></a>
                        </div>
                        <div class="navbar-icons">
                            <div class="searchbar-open">
                                <i class="flaticon-magnifier"></i>
                            </div>
                            <div class="user-dropdown-icon">
                                <i class="flaticon-user"></i>

                                <div class="account-dropdown">
                                    <ul>
                                        <li class="account-el">
                                            <i class='bx bx-user-pin'></i>
                                            <a href="/user/login/">登录</a>
                                        </li>
                                      <li class="account-el">
                                          <i class='bx bxs-user-account'></i>
                                          <a href="#">管理员登录</a>
                                      </li>
                                      <li class="account-el">
                                          <i class='bx bx-extension'></i>
                                          <a href="#">管理员登录</a>
                                      </li>
                                      <li class="account-el">
                                        <i class='bx bx-log-in-circle'></i>
                                        <a href="/user/logout/">退出</a>
                                    </li>
                                    </ul>
                                  </div>
                            </div>
                            <div class="mobile-menu d-flex ">
                                <div class="top-search-bar m-0 d-block d-xl-none">
                                </div>

                                <a href="javascript:void(0)" class="hamburger d-block d-xl-none">
                                    <span class="h-top"></span>
                                    <span class="h-middle"></span>
                                    <span class="h-bottom"></span>
                                </a>
                            </div>
                        </div>
                       </div>
                    </div>

                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
                        <nav class="main-nav">
                            <div class="navber-logo-sm">
                                <img src="/static/picture/logo-2.png" alt="" class="img-fluid">
                            </div>
                            <ul>
                                <li class="has-child-menu">
                                    <a href="javascript:void(0)">主页</a>
                                    <i class="fl flaticon-plus">+</i>
                                    <ul class="sub-menu">
                                        <li><a href="/index/" class="sub-item">主页</a></li>
                                    </ul>
                                </li>
                                <li><a href="/about/">关于我们</a></li>
                                <li><a href="/package/">全部景点 </a></li>

                                <li><a href="/contact/">联系我们 </a></li>
                            </ul>
                            <div class="navbar-icons-2">
{#                                <div class="searchbar-open">#}
{#                                    <i class="flaticon-magnifier"></i>#}
{#                                </div>#}
                                <div class="user-dropdown-icon">
                                    <i class="flaticon-user"></i>
                                    <div class="account-dropdown">
                                        <ul>
                                            <li class="account-el">
                                                <i class='bx bx-user-pin'></i>
                                                <a href="/user/login/">登录</a>
                                            </li>
                                          <li class="account-el">
                                              <i class='bx bxs-user-account'></i>
                                              <a href="/admin/login/">管理员登录</a>
                                          </li>
                                          <li class="account-el">
                                              <i class='bx bx-extension'></i>
                                              <a href="/mybookInfo/">我的预约</a>
                                          </li>
                                          <li class="account-el">
                                            <i class='bx bx-log-in-circle'></i>
                                            <a href="/user/logout/">退出</a>
                                        </li>
                                        </ul>
                                      </div>
                                </div>
                            </div>
                            <div class="sidebar-contact">
                                <ul>
                                    <li class="sidebar-single-contact"><i class='bx bxs-phone'></i> <a href="tel:+17632275032">+1 763-227-5032</a></li>
                                    <li class="sidebar-single-contact"><i class='bx bxs-envelope'></i><a href="javascript:;"><span class="__cf_email__" data-cfemail="2f464149406f4a574e425f434a014c4042">[email&#160;protected]</span></a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
            <form>
                <div class="main-searchbar">
                    <div class="searchbar-close">
                        <i class='bx bx-x'></i>
                    </div>
                    <input type="text" placeholder="Search Here......">
                    <div class="searchbar-icon">
                        <i class='bx bx-search'></i>
                    </div>
                </div>
            </form>
        </div>
    </header>
    <!-- ===============  header area end =============== -->
<div>
    {% block content %}{% endblock %}
</div>
<div class="newsletter-area pt-120">

	</div>
  <!-- ==============  Footer area start================= -->
	<div class="footer-area">
	    <div class="container">
	        <div class="row">
	            <div class="col-lg-4 col-md-12">
	                <div class="footer-info">
	                    <div class="footer-logo">
	                        <img src="/static/picture/logo-2.png" alt="" class="img-fluid">
	                    </div>
	                    <p>使用django框架，bootstrap框架进行搭建的网站</p>

	                </div>
	            </div>
	            <div class="col-lg-8 col-md-12">
	                <div class="row">
	                    <div class="col-lg-5 col-md-5 col-sm-7">
	                        <div class="footer-links">
	                            <h5 class="widget-title">联系我们</h5>

	                            <div class="contact-box">
	                                <span><i class="bx bx-phone"></i></span>
	                                <div>
	                                    <a href="tel:+01852-1265122">+01852-1265122</a>
	                                    <a href="tel:+01852-1265122">+01852-1265122</a>
	                                </div>
	                            </div>
	                            <div class="contact-box">
	                                <span><i class="bx bx-mail-send"></i></span>
	                                <div>
	                                    <a href="javascript:;"><span class="__cf_email__" data-cfemail="c3aaada5ac83a6bba2aeb3afa6eda0acae">[email&#160;protected]</span></a>
	                                    <a href="javascript:;"><span class="__cf_email__" data-cfemail="02717772726d707642677a636f726e672c616d6f">[email&#160;protected]</span></a>
	                                </div>
	                            </div>
	                            <div class="contact-box">
	                                <span><i class="bx bx-location-plus"></i></span>
	                                <div>
	                                    <a href="#">厦门市集美区天马路288号</a>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                    <div class="col-lg-3 col-md-3 col-sm-5">
	                        <div class="footer-links">
	                            <h5 class="widget-title">支持</h5>
	                            <div class="category-list">
	                                <ul>
	                                    <li><a href="contact.html">联系我们</a></li>
	                                    <li><a href="about.html">关于我们</a></li>
	                                    <li><a href="#">服务（未开通）</a></li>
	                                    <li><a href="blog.html">微博（未开通）</a></li>

	                                </ul>
	                             </div>
	                        </div>
	                    </div>
	                    <div class="col-lg-4 col-md-4">
	                        <div class="footer-links payment-links">
	                            <h5 class="widget-title">我们可接受:</h5>
	                            <div class="payment-cards">
	                                <img src="/static/picture/payment-card-2.png" alt="" class="img-fluid">
	                                <img src="/static/picture/payment-card-1.png" alt="" class="img-fluid">
	                                <img src="/static/picture/payment-card-3.png" alt="" class="img-fluid">
	                                <img src="/static/picture/payment-card-4.png" alt="" class="img-fluid">
	                                <img src="/static/picture/payment-card-5.png" alt="" class="img-fluid">
	                            </div>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	        <div class="row">
	           <div class="col-lg-12">
	            <div class="copyrigth-area">
	                <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
	            </div>
	           </div>
	        </div>

	    </div>
	</div>
   <!-- ==============  Footer area end================= -->



    <!--Javascript -->
    <script src="/static/js/jquery-3.6.0.min.js"></script>
    <script src="/static/js/owl.carousel.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/jquery-ui.min.js"></script>
    <script src="/static/js/popper.min.js"></script>
    <script src="/static/js/jquery.magnific-popup.min.js"></script>
    <script src="/static/js/wow.min.js"></script>
     <script src="/static/js/typed.js"></script>
    <!-- Custom JavaScript -->
    <script src="/static/js/main.js"></script>

    {% block js %}{% endblock %}


<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights">

</div>

</body>
</html>